<html>
<head>
<title>WatchYourExpenses</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
	href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script type="text/javascript"
	src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript"
	src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head>

<div data-role="page">

	<div data-role="header" data-nobackbtn="true">
		<h1>Login</h1>
	</div>

	<div data-role="content">
		<form action="acmAuthenticate.groovy" method="post" data-ajax="false">
		<fieldset>
			<div data-role="fieldcontain">
				<label for="userId">User Id</label>
				<input type="text" name="userId" value="" id="userId" />
			</div>
			<div data-role="fieldcontain">
				<label for="password">Password</label>
				<input type="text" name="password" value="" id="password" />
			</div>
			<button type="submit" data-theme="b" name="action" value="login">Login</button>
		</fieldset>	
		</form>
	</div>

	<div data-role="footer">
		<h4>Watch Your Expenses</h4>
	</div>

</div>

<script>
$(document).ready(function() {
	$.mobile.ajaxLinksEnabled = false;
});
</script>
</body>
</html>